<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>欢迎页面</title>
		<style type="text/css">
			input {
				width: 200px;
				height: 30px;
				outline: none;
			}
		</style>
	</head>
	<body>
		
		<input type="text" name="" id="" value="" />
		<div>
			
		</div>
		<script type="text/javascript">
			window.addEventListener('load',function() {
				//获取页面的参数
				var str = location.search;
				var div = document.querySelector('div')
				div.innerHTML = str.split('=')[1] + '欢迎您';
				
				var ipt = document.querySelector('input');
				ipt.addEventListener('focus',function() {
					this.style.border = '1px solid #1E90FF';
					this.style.boxShadow = '0 0 10px rgba(0,0,0,.3)'
				})
				ipt.addEventListener('blur',function() {
					this.style.border = '1px solid #000';
					this.style.boxShadow = ''
				})
			})
		</script>
	</body>
</html>
